<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Form</title>
</h:head>
<h:body>
	<h:form>
		<p:toolbar>
			<p:toolbarGroup align="left">
				<p:commandButton value="Buscar" image="ui-icon-search" />
				<p:separator />
				<p:commandButton value="Novo" image="ui-icon-folder-open" />
				<p:commandButton value="Salvar" disabled="true" image="ui-icon-disk" />
				<p:commandButton value="Excluir" image="ui-icon-trash" />
			</p:toolbarGroup>
			<p:toolbarGroup align="right">
				<p:commandButton value="Sair" image="ui-icon-power" />
			</p:toolbarGroup>
		</p:toolbar>
	</h:form>



	<p:accordionPanel autoHeight="false">
		<p:tab title="Passar imagens!">
			<center>
				<h:form>
					<p:imageSwitch effect="shuffle" widgetVar="imagens"
						slideshowAuto="true">
						<p:graphicImage value="nature1.jpg" />
						<p:graphicImage value="nature2.jpg" />
						<p:graphicImage value="nature3.jpg" />
						<p:graphicImage value="nature4.jpg" />
					</p:imageSwitch>
					<p:hotkey bind="left" oncomplete="imagens.previous();" />
					<p:hotkey bind="right" oncomplete="imagens.next();" />
				</h:form>
			</center>
		</p:tab>
		<p:tab title="Painel">
			<p:panel header="Teste Cadastro" toggleable="true" closable="true">
				<h:outputText
					value="Aqui pode-se colocar o que quiser, por exemplo:" />
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText value="Nome:" />
						<p:inputText />
					</h:panelGrid>
					<p:commandButton value="Salvar" />
					<p:commandButton value="Cancelar" />
				</h:form>
			</p:panel>
		</p:tab>
		<p:tab title="Conjunto de tabs...">
			<p:tabView>
				<p:tab title="Tab 1">
					<h:outputText value="Aqui é a tab 1" />
				</p:tab>
				<p:tab title="Tab 2">
					<h:outputText value="Aqui é a tab 2" />
				</p:tab>
				<p:tab title="Tab 3">
					<h:outputText value="E essa é a tab 3" />
				</p:tab>
			</p:tabView>
		</p:tab>
		<p:tab title="Show Imagem">
			<h:form>
				<p:commandButton value="Mostra"
					actionListener="#{testBean.mostrar}" update="painel" />
				<p:commandButton value="Esconde"
					actionListener="#{testBean.esconder}" update="painel" />


				<p:outputPanel id="painel">
					<p:graphicImage value="nature1.jpg" rendered="#{testBean.mostra}" />
				</p:outputPanel>
			</h:form>
		</p:tab>
	</p:accordionPanel>
</h:body>
</html>